.wrapper{margin:0 auto;
}
.slider{position:relative;

  overflow:hidden;

/* min-width: 1004px; */

  width:100%;
  height:400px;
}

.slider .slider-pointer{position:absolute;
  z-index:999;
  bottom:0;

  padding:0;

  list-style:none;

  color:#fff;
}

.slider .slider-pointer li{display:inline-block;

  width:15px;
  height:15px;
  margin:0 5px;

  -webkit-transition:all 320ms ease;
       -o-transition:all 320ms ease;
          transition:all 320ms ease;

  opacity:.85;
  border-radius:15px;
  background-color:#fff;
  -webkit-box-shadow:0 0 2px 2px rgba(0, 0, 0, .5);
          box-shadow:0 0 2px 2px rgba(0, 0, 0, .5);
}

.slider .slider-pointer li:hover{background-color:#e30006;
}

.slider .slider-pointer li.active{background-color:#b00005;
}

.slider .slider-inner{position:relative;

  width:600px;
  height:100%;
}

.slider .slider-inner .item{float:left;

  width:600px;
  height:300px;
}

.slider .slider-inner img{width:600px;
  height:400px;

  background-position:center top !important;
}

.slider .slider-control{position:absolute;
  z-index:999;
  top:50%;

  width:30px;
  height:30px;

  cursor:pointer;
  -webkit-transition:all 320ms ease;
       -o-transition:all 320ms ease;
          transition:all 320ms ease;
  text-align:center;

  opacity:.5;
  border-radius:30px;
  background-color:#fff;
  -webkit-box-shadow:0 0 2px 2px rgba(0, 0, 0, .5);
          box-shadow:0 0 2px 2px rgba(0, 0, 0, .5);

  font-size:20px;
  font-weight:bolder;
  line-height:30px;
}

.slider .slider-control:hover{opacity:.65;
  background-color:#b00005;
}

.slider .slider-control:active{opacity:.85;
}

.slider .slider-control.prev{left:20px;

  display:block;
}

.slider .slider-control.next{left:320px;

  display:block;
}

.slider:hover .slider-control.prev{left:20px;

  display:block;
}

.slider:hover .slider-control.next{right:20px;

  display:block;
}


.slider .slider-inner .item{display:none;
}


.slider .slider-inner .item.active{display:block;
}